<template>
  <view class="page flex-col">
    <view class="bd1 flex-col">
      <view class="bd2 flex-col justify-between">
        <view class="box1 flex-col">
          <view class="group1 flex-row">
            <text class="word1">9:41</text>
            <view class="main1 flex-col"></view>
            <view class="main2 flex-col"></view>
            <view class="main3 flex-col"></view>
          </view>
          <view class="group2 flex-row">
            <view class="TextGroup1 flex-col justify-between">
              <text class="word2">资讯</text>
              <text class="txt1">234条最新消息</text>
            </view>
          </view>
        </view>
        <view class="box2 flex-col">
          <view class="section1 flex-col justify-between">
            <view class="mod1 flex-col"></view>
            <view class="mod2 flex-col"></view>
          </view>
        </view>
      </view>
      <view class="bd3 flex-col">
        <view class="layer1 flex-col"><text class="word3">现在下单</text></view>
      </view>
      <view class="bd4 flex-col">
        <view class="block1 flex-row">
          <view class="layer2 flex-col">
            <view class="box3 flex-col">
              <view class="section2 flex-col">
                <view class="bd5 flex-row justify-between">
                  <text class="txt2">更新</text>
                  <view class="mod3 flex-col">
                    <text class="txt3">排行</text>
                  </view>
                  <text class="word4">促销</text>
                </view>
              </view>
              <view class="section3">
                <text class="word5">新用户福利</text>
                <text class="word6">
                  &nbsp;快来领取你的新人福利，佣金2.5折券3张。
                </text>
              </view>
              <view class="section4 flex-col">
                <text class="word7">下单立减</text>
              </view>
              <view class="section5">
                <text class="word8">折扣5折</text>
                <text class="word9">
                  &nbsp;5小时连续购买3件藏品享受佣金5折！
                </text>
              </view>
              <view class="section6 flex-col">
                <text class="word10">下单立减</text>
              </view>
              <view class="section7 flex-row justify-between">
                <view class="layer3 flex-col justify-between">
                  <view class="main4">
                    <text class="word11">敬请期待</text>
                    <text class="txt4">
                      &nbsp;&nbsp;混沌元宇宙虚拟展厅即将上线！
                    </text>
                  </view>
                  <view class="main5 flex-col">
                    <text class="word12">了解详情</text>
                  </view>
                </view>
                <view class="layer4 flex-col"></view>
              </view>
              <text class="info1">已经到底了~</text>
            </view>
            <view class="box4 flex-col">
              <view class="group3 flex-row">
                <text class="txt5">更新</text>
                <text class="word13">排行</text>
                <view class="layer5 flex-col">
                  <text class="word14">促销</text>
                </view>
              </view>
            </view>
          </view>
          <view class="layer6 flex-col"></view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang='css'>
@import '../common/common.css';
@import './assets/style/index.rpx.css';
</style>
